.chartist-tooltip {
	z-index: 10000!important
}

#scoreLineToDay .ct-series-a .ct-line {
	stroke: url(#scoreLineToDay-gradient);
	stroke-width: 5px
}

#scoreLineToWeek .ct-series-a .ct-line {
	stroke: url(#scoreLineToWeek-gradient);
	stroke-width: 5px
}

#scoreLineToMonth .ct-series-a .ct-line {
	stroke: url(#scoreLineToMonth-gradient);
	stroke-width: 5px
}

.ct-area-circle {
	fill: #5ed84f;
	stroke-width: 5;
	stroke: #fff
}

.ct-line-circle-transperent {
	fill: transparent;
	stroke: transparent
}

.scoreLineShadow {
	-webkit-filter: drop-shadow(0 20px 6px rgba(0, 0, 0, .1));
	filter: drop-shadow(0 20px 6px rgba(0, 0, 0, .1))
}

#gradient-line-chart1 .ct-series.ct-series-a .ct-line {
	stroke: url(#lineLinear1)!important;
	stroke-width: 8px
}

#gradient-line-chart1 .ct-series.ct-series-a .ct-point-circle {
	fill: url(#lineLinear1)!important;
	stroke-width: 9;
	stroke: #fff
}

#gradient-line-chart1 .ct-series.ct-series-b .ct-line {
	stroke: url(#lineLinear2)!important;
	stroke-width: 4px
}

#gradient-line-chart1 .ct-series.ct-series-b .ct-point-circle {
	fill: url(#lineLinear2)!important;
	stroke-width: 9;
	stroke: #fff
}

#gradient-line-chart1 .ct-series-a .ct-point-circle-transperent,#gradient-line-chart1 .ct-series-b .ct-point-circle-transperent {
	fill: transparent;
	stroke: transparent
}

#gradient-line-chart1 .ct-series-a .ct-point:hover {
	fill: url(#lineLinear1)!important;
	stroke-width: 9;
	stroke: #fff
}

#gradient-line-chart1 .ct-series-b .ct-point:hover {
	fill: url(#lineLinear2)!important;
	stroke-width: 9;
	stroke: #fff
}

#gradient-line-chart1 .ct-grid {
	stroke: #fff;
	stroke-width: .1px;
	stroke-dasharray: 0
}

#gradient-line-chart1 .ct-label {
	color: gray
}

.GradientlineShadow1 {
	-webkit-filter: drop-shadow(0 12px 3px #000);
	filter: drop-shadow(0 12px 3px #000)
}

.content-wrapper-before {
	height: 300px!important
}

.content .content-wrapper {
	padding-top: 0!important
}

#quarterly-sales .ct-series-a .ct-bar {
	stroke: url(#barGradient1)
}

#quarterly-sales .ct-series-a .ct-slice-pie {
	fill: #fd636b
}

#new-customers .ct-slice-donut-solid {
	fill: url(#donutGradient5)
}

#new-customers .ct-chart-donut .ct-series {
	stroke: #fff;
	stroke-width: 0
}

#new-customers .ct-label {
	font-size: 45px;
	font-weight: 700;
	text-anchor: middle;
	alignment-baseline: middle;
	fill: #fd636b
}

.donutShadow {
	-webkit-filter: drop-shadow(4px 11px 9px rgba(0, 0, 0, .3));
	filter: drop-shadow(4px 11px 9px rgba(0, 0, 0, .3))
}

.progress-stats-container {
	position: relative
}

.progress-stats-container>* {
	position: absolute;
	width: 100%
}

#progress-stats-bar-chart .ct-series-a .ct-bar {
	stroke: #f5f5f7
}

#progress-stats-line-chart .ct-series.ct-series-a .ct-line {
	stroke: url(#lineLinearStats)!important;
	stroke-width: 6px
}

#progress-stats-line-chart .ct-series-a .ct-point {
	fill: transparent;
	stroke: transparent
}

#progress-stats-line-chart .ct-series-a .ct-point-circle,#progress-stats-line-chart .ct-series-a .ct-point:hover {
	fill: url(#lineLinearStats)!important;
	stroke-width: 4;
	stroke: #fff
}

#progress-stats-bar-chart1 .ct-series-a .ct-bar {
	stroke: #f5f5f7
}

#progress-stats-line-chart1 .ct-series.ct-series-a .ct-line {
	stroke: url(#lineLinearStats1)!important;
	stroke-width: 6px
}

#progress-stats-line-chart1 .ct-series-a .ct-point {
	fill: transparent;
	stroke: transparent
}

#progress-stats-line-chart1 .ct-series-a .ct-point-circle,#progress-stats-line-chart1 .ct-series-a .ct-point:hover {
	fill: url(#lineLinearStats1)!important;
	stroke-width: 4;
	stroke: #fff
}

#progress-stats-bar-chart2 .ct-series-a .ct-bar {
	stroke: #f5f5f7
}

#progress-stats-line-chart2 .ct-series.ct-series-a .ct-line {
	stroke: url(#lineLinearStats2)!important;
	stroke-width: 6px
}

#progress-stats-line-chart2 .ct-series-a .ct-point {
	fill: transparent;
	stroke: transparent
}

#progress-stats-line-chart2 .ct-series-a .ct-point-circle,#progress-stats-line-chart2 .ct-series-a .ct-point:hover {
	fill: url(#lineLinearStats2)!important;
	stroke-width: 4;
	stroke: #fff
}

.progress-stats-shadow {
	-webkit-filter: drop-shadow(0 16px 3px rgba(0, 0, 0, .2));
	filter: drop-shadow(0 16px 3px rgba(0, 0, 0, .2))
}

.text-decoration {
	text-decoration: line-through
}

#project-stats .ct-series-a .ct-area
{
    fill-opacity: 1;
    fill: url(#area-gradient) !important;
}

#project-stats .ct-series-b .ct-area
{
    fill-opacity: .3;
    fill: url(#area-gradient) !important;
}

#project-stats .ct-series-c .ct-area
{
    fill-opacity: .15;
    fill: url(#area-gradient) !important;
}

#project-stats .ct-line
{
    stroke-width: 0;
}

#project-stats .ct-series-b .ct-point
{
    stroke-width: 0;
}

#project-stats .ct-series-b .ct-point-circle
{
    display: none;
}

#project-stats .ct-series-b .ct-point-circle-transperent
{
    display: none;
}

#project-stats .ct-point
{
    fill: transparent;
    stroke: transparent;
}

#project-stats .ct-series-a .ct-point-circle
{
    fill: #7396ff;
    stroke-width: 7;
    stroke: #fff;
}

#project-stats .ct-series-c .ct-point-circle
{
    fill: #f8a1ec;
    stroke-width: 7;
    stroke: #fff;
}

#project-stats .ct-series-b .ct-point-circle
{
    fill: transparent;
}

.areaGradientShadow1
{
    -webkit-filter: drop-shadow(0px -4px 4px rgba(115, 150, 255, .5));
            filter: drop-shadow(0px -4px 4px rgba(115, 150, 255, .5));
    /* Same syntax as box-shadow, except for the spread property */
}

#project-stats .ct-series-a .ct-point-circle-transperent
{
    fill: transparent;
}

#project-stats .ct-series-b .ct-point-circle-transperent
{
    fill: transparent;
}

#project-stats .ct-series-c .ct-point-circle-transperent
{
    fill: transparent;
}

#Analytics-donut-chart .ct-slice-donut-solid
{
    fill: url(#donutGradient1);
}

#Analytics-donut-chart .ct-label
{
    font-size: 30px;
    font-weight: 700;

    text-anchor: middle;
    alignment-baseline: middle;
    fill: rgba(255, 255, 255, .8);
}

#Analytics-donut-chart .ct-chart-donut .ct-series
{
    stroke: #fff;
    stroke-width: 0;
}

.donutShadow
{
    -webkit-filter: drop-shadow(-5px 4px 6px rgba(0, 0, 0, .5));
            filter: drop-shadow(-5px 4px 6px rgba(0, 0, 0, .5));
    /* Same syntax as box-shadow, except for the spread property */
}

#project-income-chart .ct-series-a .ct-bar
{
    stroke: url(#barGradient2);
}

#project-income-chart .ct-series-a .ct-slice-pie
{
    fill: #f96f9b;
}

.BarChartShadow
{
    -webkit-filter: drop-shadow(-4px 9px 4px rgba(0, 0, 0, .3));
            filter: drop-shadow(-4px 9px 4px rgba(0, 0, 0, .3));
    /* Same syntax as box-shadow, except 
                                                     for the spread property */
}

#new-projects .ct-series.ct-series-a .ct-line
{
    stroke: url(#linear6) !important;
    stroke-width: 4px;
}

#new-projects .ct-series.ct-series-a .ct-point-circle
{
    fill: url(#linear6) !important;
    stroke-width: 9;
    stroke: #fff;
}

#new-projects .ct-series.ct-series-b .ct-line
{
    stroke: url(#linear7) !important;
    stroke-width: 4px;
}

#new-projects .ct-series-a .ct-point-circle-transperent
{
    fill: transparent;
}

#new-projects .ct-series-b .ct-point-circle-transperent
{
    fill: transparent;
}

.GradientlineShadow
{
    -webkit-filter: drop-shadow(0px -8px 4px rgba(0, 0, 0, .2));
            filter: drop-shadow(0px -8px 4px rgba(0, 0, 0, .2));
    /* Same syntax as box-shadow, except 
                                                       for the spread property */
}

.chat-application .chats
{
    position: relative;

    padding: 0 .5rem;
}
